<template>
   <div class="detail_big_box">
     <div class="center_box">
         <!-- 左 -->
        <div class="left_box">
           <div style="height: 800px;">
            <el-steps direction="vertical" :active="1"  >
                <el-step title="步骤一" description="已完成" icon="el-icon-bell" >
                </el-step>
                <el-step title="步骤 2"></el-step>
                <el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>
            </el-steps>
            </div>
        </div>
    <!-- 右 -->
         <div class="right_box">
             <div class="top_box">
               <div class="top_title">
                  <span>服务信息</span>
               </div>
             </div>
             <!-- 在detailSerRecord 目录下 -->
            <data-1 :signRecordId="signRecordId"/>
            <data-1 :signRecordId="signRecordId"/>
            <healthy-msg :residenceEntity="signRecordId"/>
         </div>
     </div>
    <!-- 下 -->
    <div class="bottom_box">
    
  <el-button type="success">添加服务</el-button>
  &nbsp;&nbsp;&nbsp;&nbsp;
  <el-button>返回</el-button>
    </div>

   </div>
</template>

<script>
import data1 from './data1.vue'
import HealthyMsg from './healthyMsg.vue'
export default {
  components: { data1, HealthyMsg },
  props:["signRecordId"],
  data () {
      return {
          signRecordId:"",
      }
  },
  created() {
    this.signRecordId = this.$route.query.id;
  },

}
</script>

<style>
.detail_big_box{
    width: 1150px;
    height: 891px;
    /* background-color: blueviolet; */
    background-color: #ffffff;
}
.center_box{
    width: 1150px;
    height: 830px;
}

.left_box{
    width: 200px;
    height: 800px;
    /* background-color: yellow; */
    float: left;
    margin-left: 20px;
    border-right: solid 1px gray;
}
.right_box{
   width: 890px;
   height: 800px;
   /* background-color: green; */
   margin-left: 20px;
   float: left;

}
.top_box{
    width: 890px;
    height: 30px;
    /* background-color: gray; */
    /* margin-left: 20px; */
}
.top_title{
    width: 890px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-top: 10px;
    /* margin-left: 10px; */
    border-bottom: 1px solid blue;
}
.bottom_box{
    width: 1150px;
    height: 60px;
    /* background-color: yellow; */
}

</style>